<template>
	<!-- 展商企业 -->
	<view>
		<view class="top_warp">
			<view class="header">
				<!-- 轮播图 -->
				<my-swiper :list="CompanyData.info.thumb" />
			</view>
			<!-- 展会标题 -->
			<view class="container">
				<view class="tabs flex align-center shadow rounded_10 bg-white px-1 pt-1" v-show="CompanyData.info.is_home == 1">
					<view v-for="(item, index) of tabs" :key="index" @click="tabChange(index)" class="tab_item h5 font-weight-bold flex align-center justify-center">
						<text :class="{ tab_active: tabCurrent == index }">{{ item }}</text>
						<image v-if="index == 1" class="tab_hot ml-1" src="/static/img2/home/hot1.gif" mode="aspectFit"></image>
					</view>
					<text class="line font-weight-bold">|</text>
				</view>
				<view class="head_title mt-1 shadow rounded_10 bg-white p-2" v-if="CompanyData.info.template_set.is_details == 1">
					<view v-if="CompanyData.info == null"><u-skeleton :title="false" rows="2" :rowsHeight="18" :loading="true" :animate="true"></u-skeleton></view>
					<view v-else>
						<view class="font c_3 lh_42 font-weight-bold">{{ CompanyData.info.title }}</view>
						<view class="c_9 my-1 font_24">
							<text>{{ CompanyData.info.start_time }}</text>
							<text class="mx-5">{{ CompanyData.info.address }}</text>
						</view>
						<view class="flex justify-between align-center">
							<view class="tag c_9 font_24 my-1">
								<text class="p-1 mr-1" v-for="item of CompanyData.label" :key="item.id">{{ item.bq_name }}</text>
							</view>
							<view class="">
								<text class="font_24 c_9" @click="detailShow = true">展会详情/展位图/进群 ></text>
								<u-modal :show="detailShow" title="展会详情" confirmText="关闭" @confirm="detailShow = false">
									<view class="slot-content w-100">
										<scroll-view scroll-y="true">
											<view class="u-content detail_popup">
												<view v-if="!CompanyData.info.content" class="p-2 mt-3">
													<u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"></u-empty>
												</view>
												<view class="text" v-else><u-parse :content="CompanyData.info.content"></u-parse></view>
											</view>
										</scroll-view>
									</view>
								</u-modal>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="container mt-2">
			<!-- CompanyData.info.is_home是否展示展会首页 -->
			<view v-if="tabCurrent == 0" v-show="CompanyData.info.is_home == 1">
				<!-- 4个数据统计-->
				<view v-if="CompanyData.info.template_set.is_function == 1">
					<view class="datastatistics">
						<scroll-view scroll-x="true" class="scroll_cont">
							<view class="datastatisticsBigbox shadow mr-1 rounded_10 bg-white">
								<view class="flex align-center justify-between p-2">
									<image src="@/static/img2/home/Numberofpeople.png" mode=""></image>
									<view class="datastatisticsRbox ml-1">
										<view>{{ CompanyData.parameter.man_count }}</view>
										<view>进场人数</view>
									</view>
								</view>
							</view>
							<view
								class="datastatisticsBigbox shadow mr-1 rounded_10 bg-white"
								@tap="goPages('/subPages/exhibition/company/join_company?exhibitionId=' + exhibitionId)"
							>
								<view class="flex align-center justify-between p-2">
									<image src="@/static/img2/home/enterprise.png" mode=""></image>
									<view class="datastatisticsRbox ml-1 mr-1">
										<view>{{ CompanyData.parameter.enterprise_count }}</view>
										<view>参展企业</view>
									</view>
									<u-icon name="arrow-right" color="#CF1526" size="15"></u-icon>
								</view>
							</view>
							<view class="datastatisticsBigbox shadow mr-1 rounded_10 bg-white" @tap="goPages('/subPages/company_home/product_center?exhibitionId=' + exhibitionId)">
								<view class="flex align-center justify-between p-2">
									<image src="@/static/img2/home/product.png" mode=""></image>
									<view class="datastatisticsRbox ml-1 mr-1">
										<view>{{ CompanyData.parameter.conpamy_count }}</view>
										<view>参展产品</view>
									</view>
									<u-icon name="arrow-right" color="#CF1526" size="15"></u-icon>
								</view>
							</view>
							<view class="datastatisticsBigbox shadow rounded_10 bg-white">
								<view class="flex align-center justify-between p-2">
									<image src="@/static/img2/home/visitingcard.png" mode=""></image>
									<view class="datastatisticsRbox ml-1">
										<view>{{ CompanyData.parameter.exchange_card_count }}</view>
										<view>交换名片</view>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>
					<!-- 四个导航按钮 -->
					<view class="nav bg-white flex justify-around p-2 rounded_10 shadow" style="margin-top: 14rpx;">
						<view class="nav_item" @click="goPages('/subPages/exhibition/news/index?exhibitionId=' + exhibitionId)">
							<image class="nav_item_img" src="/static/img2/home/nav6.png" mode=""></image>
							<view class="mt-1 font-small c_3">媒体报道</view>
						</view>
						<view class="nav_item" @click="toVideo(exhibitionId, '展会现场')">
							<image class="nav_item_img" src="/static/img2/home/nav2.png" mode=""></image>
							<view class="mt-1 font-small c_3">展会现场</view>
						</view>
						<view class="nav_item" @click="goPages('/subPages/exhibition/gallery/index?exhibitionId=' + exhibitionId + '&idx=-1')">
							<image class="nav_item_img" src="/static/img2/home/nav0.png" mode="" style="width: 75rpx;"></image>
							<view class="mt-1 font-small c_3">展位查询</view>
						</view>
						<!-- goPages('/subPages/exhibition/activity/activety_detail?id=' + CompanyData.activity_id.map_id) -->
						<view class="nav_item" @click="goPages('/subPages/exhibition/activity/index?exhibitionId=' + exhibitionId)">
							<image class="nav_item_img" src="/static/img2/home/nav5.png" mode=""></image>
							<view class="mt-1 font-small c_3">寻宝地图</view>
						</view>
						<view class="nav_item" @click="goPages('/subPages/exhibition/activity/activety_detail?id=' + CompanyData.activity_id.code_id)">
							<image class="nav_item_img" src="/static/img2/home/nav1.png" mode=""></image>
							<view class="mt-1 font-small c_3">扫码进群</view>
						</view>
					</view>
				</view>
				<!-- 现场活动 -->
				<view class="bg-white p-2 rounded_10 shadow" style="margin-top: 14rpx;" v-if="activeryList.length >= 1 && CompanyData.info.template_set.is_activity == 1">
					<view class="m-auto activity_box">
						<title-view tit="现场活动" @lookall="goPages('/subPages/exhibition/activity/index?exhibitionId=' + exhibitionId)"></title-view>
						<view class="cont_box" v-if="CompanyData.huodong_list.length >= 1">
							<view class="activity_cont">
								<view class="data_time  flex justify-around">
									<scroll-view scroll-x="true" show-scrollbar="false" class="scroll_cont">
										<view
											class="tab_item c_9 font_24 p-1 mr-2"
											v-for="(timeTab, index) of timelist"
											:key="index"
											:class="{ active: current == index }"
											@click="tabChangeTimes(index, timeTab)"
										>
											{{ timeTab }}
										</view>
									</scroll-view>
								</view>
								<view class="" style="margin-top: 30rpx;"><time-axis :dataArray="activeryList" :key="timer"></time-axis></view>
							</view>
						</view>
						<view v-else style="margin-top: 20rpx;">
							<view class="p-2"><u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" text="暂无活动"></u-empty></view>
							<!-- <u-skeleton :title="false" rows="4" :rowsHeight="30" :loading="true" :animate="true"></u-skeleton> -->
						</view>
					</view>
				</view>
				<!-- 现场展馆 -->
				<view class="show_text p-2 bg-white rounded_10 shadow" style="margin-top: 14rpx;" v-if="CompanyData.info.template_set.is_cloud == 1">
					<view class="show_row" v-if="onlineShow.datatwo && onlineShow.datatwo.length >= 1">
						<view class="tit_cont">
							<text class="label" v-if="onlineShow.dataone[0]">{{ onlineShow.dataone[0].title }}:</text>
							<view class="label_hot bg_main text-white">HOT</view>
						</view>
						<scroll-view scroll-x="true" show-scrollbar="false" class="scroll_cont">
							<text
								class="show_child mr-3"
								v-for="(item, idx) of onlineShow.datatwo"
								:key="item.id"
								@click="goPages('/subPages/exhibition/gallery/index?parendId=' + item.id + '&idx=' + idx + '&exhibitionId=' + exhibitionId)"
							>
								{{ item.title }}
							</text>
						</scroll-view>
					</view>
					<!-- <view v-else><u-skeleton :title="false" rows="1" :rowsHeight="30" :loading="true" :animate="true"></u-skeleton></view> -->
				</view>
				<!-- 展馆平面图 -->
				<view v-if="CompanyData.info.template_set.is_floorplan == 1">
					<floor-plan v-if="onlineShow.datatwo && onlineShow.datatwo.length >= 1" :exhibition-id="exhibitionId" :box-list="onlineShow.datatwo"></floor-plan>
				</view>
				<!-- 展位轮播 -->
				<view class="py-1 swiper_warp rounded_15 bg-white shadow" v-if="CompanyData.info.template_set.is_floorplan_carousel == 1">
					<swiper :indicator-dots="true" :autoplay="true" :circular="true" indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="#fff">
						<swiper-item v-for="(item, index) in CompanyData.info.floorplan_carousel" :key="index">
							<image class="banner_img" :src="item.thumb" mode="aspectFit" @click="previewImage(CompanyData.info.floorplan_carousel, index)"></image>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>
		<view class="zh_content home_top">
			<!-- 首页 -->
			<view class="home" v-if="tabCurrent == 0" v-show="CompanyData.info.is_home == 1 && CompanyData.info.template_set.is_product_enterprise == 1">
				<u-sticky>
					<!-- <view class="container"> -->
					<view class="bg-white pt-2 px-2 rounded_15" style="margin: 14rpx 0;">
						<view class="big_tit font-weight-bold h4 mb-2">
							<text v-for="(item, index) of listTab" :key="index" class="mr-4" @click="listTabChange(item, index)" :class="{ c_main: index == listTabCur }">
								{{ item }}
							</text>
						</view>
						<view @tap="searchFocus('')"><search-view :disabled="true"></search-view></view>
						<tab :tab-list="productCate" :reset="tabReset" @tabAll="tabAll" @contTabChange="contTabChange"></tab>
					</view>
					<!-- </view> -->
				</u-sticky>
				<!-- 展商企业 -->
				<!-- style="margin-top: 20rpx;" -->
				<view v-if="listTabCur == 0" class="list_warp px-2" style="min-height: 100vh;">
					<view class="px-2" v-if="companylist.length == 0">
						<view class="p-2 mt-3"><u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"></u-empty></view>
					</view>
					<view v-else>
						<company-lists v-if="companylist.length >= 1" :list="companylist" :check-types="checkTypes" :exhibition-id="exhibitionId"></company-lists>
						<button class="company_lookall bg-white c_9 font_24 py-1" @tap="goPages('/subPages/exhibition/company/join_company?exhibitionId=' + exhibitionId)">
							查看全部
						</button>
						<u-loadmore :status="status" color="#E5E5E5" lineColor="#E5E5E5" dashed line />
					</view>
				</view>
				<!-- 参展产品 -->
				<div v-if="listTabCur == 1" class="list_warp px-2 mt-4" style="min-height: 100vh;">
					<view class="px-2" v-if="productlist.length == 0">
						<view class="p-2 my-3"><u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png"></u-empty></view>
					</view>
					<view v-else>
						<product-list v-if="productlist.length >= 1" :list="productlist" :btn-show="true" :exhibition-id="exhibitionId"></product-list>
						<button class="company_lookall bg-white c_9 font_24 py-1" @tap="goPages('/subPages/company_home/product_center?exhibitionId=' + exhibitionId)">
							查看全部
						</button>
						<u-loadmore :status="status" color="#E5E5E5" lineColor="#E5E5E5" dashed line />
					</view>
				</div>
			</view>
			<!-- 现场通讯录 -->
			<view class="circle" v-else>
				<company-circle ref="cardlist" :tab-current="tabCurrent" :exhibition-id="exhibitionId" :topcontHeight="topcontHeight" :share-id="shareId"></company-circle>
			</view>
			<u-back-top :scroll-top="scrollTop"></u-back-top>
		</view>
	</view>
</template>

<script>
import mySwiper from '@/components/swiper/swiper.vue';
import { productCategory } from '@/api/home/nav/product_data.js';
import { getCompanyInfo, getProductCate, recommendCompanyList, recommendProductList } from '@/api/home/company.js';
import { activityList } from '@/api/home/nav/activity.js';
import { getCloudshow } from '@/api/home/home.js';
import searchView from '@/components/search/search.vue';
import titleView from '@/components/titleView/title.vue';
import timeAxis from '@/subPages/components/time_axis/time_axios.vue';
import floorPlan from '@/subPages/components/floor_plan.vue';
import tab from '@/components/tab/index.vue';
import companyCircle from './company_circle.vue';
import companyLists from '@/components/company_list.vue';
import productList from '@/components/product_list/product_list.vue';
// import fixBtm from '@/pages/index/fixed_bottom.vue';
import { mapState } from 'vuex';
import { nextTick } from 'vue';
export default {
	components: { mySwiper, searchView, titleView, timeAxis, floorPlan, companyLists, productList, companyCircle, tab },
	data() {
		return {
			timer: '',
			exhibitionId: '',
			proNum: 0,
			range: '', //参展范围
			active: '', //展会状态
			tabs: ['展会首页', '现场通讯录'],
			tabCurrent: 0,
			swiperVal: null,
			//展会信息
			CompanyData: {
				huodong_list: [],
				info: {
					floorplan_carousel: [],
					template_set: {}
				},
				label: []
			},
			detailShow: false,
			scrollTop: 0,
			// 现场活动
			// activityData: {},
			// 展馆
			onlineShow: {
				dataone: []
			},

			// 首页
			searchV: '',
			productCate: [], //企业分类
			contTabCur: -1,
			tabReset: false,
			companylist: [], //企业列表
			status: 'loadmore',
			page: 1, //页数
			catId: '',
			suo: true,
			checkTypes: 'qy', //类型 qy企业 cp产品
			topHeight: '',
			listTab: ['展商企业', '参展产品'],
			listTabCur: 0,
			productlist: [], //产品列表

			// 圈子
			heightArr: {
				headHeight: 0,
				titHeight: 0,
				botHeight: 0
			},
			topcontHeight: 0,
			timeDate: '',
			timelist: [],
			activeryList: [],
			current: 0,
			shareId: '' //扫码进入现场通讯录
		};
	},
	computed: {
		opentype() {
			return function(val) {
				return !uni.getStorageSync('userInfo').hasLogin ? 'getPhoneNumber' : '';
			};
		}
	},
	watch: {
		CompanyData: {
			handler(newV, oldV) {
				this.CompanyData = newV;
				console.log('===', this.CompanyData);
			},
			deep: true,
			immediate: true
		}
	},
	onReachBottom() {
		if (this.suo) {
			//定义个小锁，当没有数据时锁住suo
			this.status = 'loading';
			this.page = ++this.page;
			setTimeout(() => {
				if (this.tabCurrent == 0) {
					// if (this.catId) {
					// 	this.companyList(this.catId);
					// } else {
					this.getCompanyList();
					// }
				}
			}, 1000);
		}
	},
	onPageScroll(e) {
		this.scrollTop = e.scrollTop;
	},
	onShow() {
		this.messageTips();
		this.proNum = getApp().globalData.pro1.length + getApp().globalData.pro2.length; // 选择产品数量
	},
	onLoad(options) {
		this.exhibitionId = options.id;
		this.active = options.active;
		if (uni.getStorageSync('productType') == 'qz' || options.type == 'qz') {
			this.tabCurrent = 1;
			this.$nextTick(() => {
				this.$refs.cardlist.getList('update');
			});
		}
		// else {
		// 	this.tabCurrent = 0;
		// }
		this.shareId = options.share_id || ''; //扫码进入现场通讯录传share_id。点击进入传空，后台用来记录扫码数量
		this.reset();
		// console.log(this.catId);
		this.getProductCategory();
		this.getCompanyList(this.catId);
		// this.productList();
		// }
		this.companyInfo();
		this.getonsiteactivities();
		// 分享
		wx.showShareMenu({
			withShareTicket: true,
			menus: ['shareAppMessage', 'shareTimeline']
		});
		// 获取上半部分内容高度，以计算圈子列表高度
		const query = uni.createSelectorQuery().in(this);
		query
			.select('.top_warp')
			.boundingClientRect(data => {
				this.heightArr.headHeight = data.height;
			})
			.exec();
		query
			.select('.bot_warp')
			.boundingClientRect(data => {
				this.heightArr.botHeight = data.height;
				this.topcontHeight = this.heightArr.headHeight + this.heightArr.botHeight;
				// console.log(this.topcontHeight);
			})
			.exec();
	},
	onUnload() {
		uni.switchTab({
			url: 'pages/home/index'
		});
	},
	mounted() {
		// 获取展商企业距离顶部的距离
		let that = this;
		const query = uni.createSelectorQuery().in(that);
		query
			.select('.home_top')
			.boundingClientRect(data => {
				// console.log('===', data);
				this.topHeight = data.top;
			})
			.exec();
	},
	methods: {
		// 去展会现场
		toVideo(exhibitionId, tit) {
			let msg = { navIndex: 0, title: tit, exhibitionId: exhibitionId };
			uni.setStorageSync('videoType', msg);
			this.goTab('/pages/video/video_live');
		},
		// 活动时间切换
		tabChangeTimes(idx, val) {
			this.current = idx;
			this.timeDate = val;
			this.getonsiteactivities();
		},
		// 活动列表  现场活动
		getonsiteactivities() {
			let msg = {
				datatime: this.timeDate,
				id: this.exhibitionId,
				is_recommend: 1
			};
			activityList(msg)
				.then(res => {
					if (res.code == 0) {
						// console.log(res);
						this.timer = new Date().getTime();
						this.activeryList = res.data;
						// console.log(this.activeryList)
						this.timelist = [...new Set(res.timelist)];
					} else {
						uni.$u.toast(res.msg);
					}
				})
				.catch(err => {
					console.log('获取活动列表失败', err);
				});
		},
		//展会查询展会概括展会直播跳转
		// ClickExhibitio(type) {
		// 	switch (type) {
		// 		case 1:
		// 			uni.navigateTo({
		// 				url: '/subPages/exhibition/gallery/index?id=' + this.onlineShow.datatwo[0].id + '&idx=' + 0 + '&exhibitionId=' + this.exhibitionId
		// 			});
		// 			break;
		// 		case 2:
		// 			this.detailShow = true;
		// 			break;
		// 	}
		// },
		// 参加展会
		goJoin() {
			this.companyInfo();
		},
		tabChange(idx) {
			this.tabCurrent = idx;
			if (this.tabCurrent == 1) {
				// if (uni.getStorageSync('userInfo').userId) {
				// this.$nextTick(() => {
				// this.$refs.cardlist.isJoinChange();
				// })
				// }
				uni.setStorageSync('productType', 'qz');
				uni.setStorageSync('mycodeSuccess', false); //是否直接加入现场通讯录
			} else {
				uni.setStorageSync('productType', 'admin');
			}
		},

		// 获取展会信息
		companyInfo() {
			getCompanyInfo({
				id: this.exhibitionId,
				token: uni.getStorageSync('userInfo').token || ''
			})
				.then(res => {
					if (res.code == 0) {
						this.CompanyData = res.data;
						// console.log(this.CompanyData.info.participate_status);
						uni.setNavigationBarTitle({
							title: res.data.info.abbreviation
						});
						// is_home 是否展示首页 1展示 0 不展示
						if (this.CompanyData.info.is_home != 1) {
							this.tabCurrent = 1;
						}
					} else {
						uni.$u.toast(res.msg);
					}
				})
				.catch(err => {
					console.log(err);
				});
			// 展馆
			getCloudshow({ id: this.exhibitionId })
				.then(res => {
					// console.log('展馆', res);
					if (res.code == 0) {
						this.onlineShow = res.data;
					} else {
						uni.$u.toast(res.msg);
					}
				})
				.catch(err => {
					console.log(err.msg);
				});
		},
		previewImage(arr, index) {
			let imgList = arr.map(item => {
				return item.thumb;
			});
			uni.previewImage({
				current: index,
				urls: imgList,
				loop: true
			});
		},
		reset() {
			this.companylist = [];
			this.productlist = [];
			this.page = 1;
		},
		listTabChange(item, index) {
			this.listTabCur = index;
			this.tabReset = true;
			this.reset();
			if (this.listTabCur == 0) {
				this.getProductCategory();
				this.getCompanyList('');
			} else {
				this.getCroductCategory();
				this.productList('');
			}
		},
		searchFocus() {
			if (this.listTabCur == 0) {
				this.goPages('/subPages/exhibition/company/join_company?exhibitionId=' + this.exhibitionId);
			} else {
				this.goPages('/subPages/company_home/product_center?exhibitionId=' + this.exhibitionId);
			}
		},
		// tab-全部
		tabAll(e) {
			this.catId = '';
			this.contTabCur = -1;
			this.reset();
			if (this.listTabCur == 0) {
				this.getCompanyList('');
			} else {
				this.productList('');
			}
		},
		contTabChange(e) {
			// console.log(val);
			this.contTabCur = e.idx;
			this.catId = e.val.id;
			this.reset();
			if (this.listTabCur == 0) {
				this.getCompanyList(e.val.id);
			} else {
				this.productList(e.val.id);
			}
		},
		// 获取企业分类
		getProductCategory() {
			getProductCate().then(res => {
				// console.log(res);
				if (res.code == 0) {
					this.productCate = res.data;
					// this.reset();
					// this.getCompanyList(); //this.productCate[0].id
				} else {
					uni.$u.toast(res.msg);
				}
			});
		},
		// 企业列表
		getCompanyList(val) {
			let msg = {
				id: this.exhibitionId,
				page: this.page,
				catid: this.catId
			};
			recommendCompanyList(msg).then(res => {
				this.companylist.push(...res.data.list);
				if (res.data.list.length == 0) {
					this.status = 'nomore';
					this.suo = false;
				} else if (res.data.list.length < 10) {
					this.status = 'nomore';
					this.suo = false;
				} else {
					this.status = 'loadmore';
					this.suo = true;
				}
			});
		},
		// 参展产品分类
		getCroductCategory() {
			productCategory().then(res => {
				if (res.code == 0) {
					this.productCate = res.data;
				} else {
					uni.$u.toast(res.msg);
				}
			});
		},
		// 产品列表
		productList(val) {
			let msg = {
				zhanhui_id: this.exhibitionId,
				page: this.page,
				mid: this.catId
			};
			recommendProductList(msg).then(res => {
				this.productlist.push(...res.data.list);
				if (res.data.list.length == 0) {
					this.status = 'nomore';
					this.suo = false;
				} else if (res.data.list.length < 10) {
					this.status = 'nomore';
					this.suo = false;
				} else {
					this.status = 'loadmore';
					this.suo = true;
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.data_time {
	.tab_item {
		display: inline-block;
		background-color: $color0;
		border-radius: 10rpx;
	}

	.active {
		color: $color2;
		background-color: $color14;
	}

	.scroll_cont {
		white-space: nowrap;
		width: 100%;
	}
}

.datastatistics {
	margin-top: 14rpx;

	.scroll_cont {
		white-space: nowrap;
		width: 100%;
	}

	.datastatisticsBigbox {
		display: inline-block;

		image {
			width: 35rpx;
			height: 35rpx;
		}

		.datastatisticsRbox {
			text-align: left;
			font-size: 26rpx;
			line-height: 1.5;
		}
	}
}

.header {
	width: 100%;
	padding-bottom: 10rpx;
}
.tabs {
	// width: 482rpx;
	// margin: 0 auto;
	// height: 60rpx;

	.tab_hot {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0;
		position: absolute;
		right: 42px;
	}
	.line {
		position: absolute;
		left: 49%;
	}

	.tab_item {
		width: 100%;
		// width: 50%;
		text {
			border-bottom: 6rpx solid transparent;
			box-sizing: border-box;
		}
	}
	.tab_item:nth-child(2) {
		// text {
		// 	// color: pink !important;
		// 	animation: swing 0.8s ease 1s infinite alternate;
		// 	background: linear-gradient(#9b5de5, #f15bb5, #fee440, #00bbf9, #00f5d4, #9b5de5);
		// }
		text {
			content: attr(data-text);
			position: absolute;
			// background: linear-gradient(#9b5de5, #f15bb5, #fee440, #00bbf9, #00f5d4, #9b5de5);
			// -webkit-background-clip: text;
			// color: transparent;
			// background-size: 100% 90%;
			// line-height: 1.2;
			// clip-path: ellipse(150px 150px at -2.54% -9.25%);
			animation: swing 0.2s infinite;
			animation-direction: alternate;
		}
		@keyframes swing {
			0% {
				color: $color14;
			}

			100% {
				color: #ff5500;
				// font-size: 16px;
			}
		}
	}

	.tab_active {
		border-bottom: 6rpx solid $color14 !important;
		color: $color14;
		box-sizing: border-box;
		text-align: center;
	}
}
.head_title {
	.time {
		color: $color8;
	}

	.tag {
		text {
			background-color: #f2f2f2;
			border-radius: 10rpx;
		}
	}
}

.detail_popup {
	max-height: 700rpx;
}

.nav {
	.nav_item {
		width: 120rpx;
		text-align: center;
		font-size: $size4;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.nav_item_img {
		width: 59rpx;
		height: 59rpx;
		border-radius: 0;
	}
}

// 现场活动
.activity_box {
	// margin-top: 100rpx;
	// padding: 15rpx 0;
	position: relative;
	width: 100%;

	.cont_box {
		.activity_cont {
			margin-top: 30rpx;
		}
	}
}

.big_tit {
	border-left: 6rpx solid $color14;
	padding-left: 20rpx;
	height: 32rpx;
	line-height: 30rpx;
}

::v-deep .uni-scroll-view {
	// height: 80rpx;
}

::v-deep .u-modal {
	border-radius: 6px;
	overflow: hidden;
	background: #f2f2f2;
	// opacity: 0.99;
}

.list_warp {
	padding-bottom: 130rpx;
}

.show_text {
	.show_row:last-child {
		margin-bottom: 0;
	}

	.show_row {
		margin-bottom: 12rpx;
		display: flex;
		justify-content: flex-start;

		.scroll_cont {
			white-space: nowrap;
			width: calc(100% - 120rpx);
		}

		.label {
			// min-width: 110rpx;
			font-weight: bold;
			color: $color3;
			margin-right: 15rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: bold;
			line-height: 42rpx;
		}

		.tit_cont {
			// min-width: 125rpx;
			position: relative;

			.label_hot {
				position: absolute;
				right: 0;
				border-radius: 20rpx;
				/*  #ifdef H5 */
				transform: scale(0.8);
				font-size: 10rpx;
				top: -22rpx;
				/*  #endif  */
				/*  #ifdef MP-WEIXIN */
				font-size: 15rpx;
				top: -10rpx;
				/*  #endif  */
				padding: 3rpx 5rpx;
				animation: hot 0.8s ease 1s infinite alternate;
			}

			@keyframes hot {
				from {
					/*  #ifdef H5 */
					top: -33rpx;
					/*  #endif  */
					/*  #ifdef MP-WEIXIN */
					top: -20rpx;
					/*  #endif  */
				}

				to {
					/*  #ifdef H5 */
					top: -22rpx;
					/*  #endif  */
					/*  #ifdef MP-WEIXIN */
					top: -10rpx;
					/*  #endif  */
				}
			}
		}

		.show_child {
			display: inline-block;
			text-align: center;
			font-size: 24rpx;
		}
	}
}

.company_lookall {
	width: 200rpx;
}

.highlights {
	font-size: 24rpx;

	display: flex;
	align-items: center;
	color: #ffffff;
	line-height: 40rpx;

	text {
		margin-right: 10rpx;
		background-color: #c7c7c7;
		padding: 4rpx 10rpx 4rpx 10rpx;
		border-radius: 14rpx;
	}
}

.Exhibitiontype {
	margin-top: 20rpx;
	margin-bottom: 10rpx;
	display: flex;
	color: #ffffff;
	justify-content: space-between;
	align-items: center;

	.Exhibitiontypebox {
		text-align: center;
		width: 31%;
		padding-top: 30rpx;
		font-size: 30rpx;
		line-height: 1.8;
		padding-bottom: 30rpx;
		background-color: #cf1526;
		border-radius: 14rpx;
		margin-right: 20rpx;
	}
}
.swiper_warp {
	width: 100%;
	height: 420rpx;
	.banner_img {
		width: 100%;
		height: 400rpx;
	}
}
::v-deep swiper {
	height: 400rpx;
}
</style>
